<!DOCTYPE>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- 引入 Bootstrap -->
		<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
		<!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
		<!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
		<title>bootstrap文字排版</title>

	</head>

	<body>

		<h1>我是标题1 h1<small>我是副标题1 h1</small></h1>
		<h2>我是标题2 h2</h2>
		<h3>我是标题3 h3</h3>
		<h4>我是标题4 h4</h4>
		<h5>我是标题5 h5</h5>
		<h6>我是标题6 h6</h6>

		<h2>引导主体副本</h2>
		<p class="lead">这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。</p>

		<abbr title="World Wide Web">WWW</abbr><br>
		<abbr title="Real Simple Syndication" class="initialism">RSS</abbr>

		<address>
		  <strong>Some Company, Inc.</strong><br>
		  007 street<br>
		  Some City, State XXXXX<br>
		  <abbr title="Phone">P:</abbr> (123) 456-7890
		</address>
		<address>
		  <strong>Full Name</strong><br>
		  <a href="mailto:#">mailto@somedomain.com</a>
		</address>

		<blockquote>
			<p>
				这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。
			</p>
		</blockquote>
		<blockquote>
			这是一个带有源标题的引用。
			<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
		</blockquote>
		<blockquote class="pull-right">
			这是一个向右对齐的引用。
			<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
		</blockquote>

		<h4>有序列表</h4>
		<ol>
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ol>
		<h4>无序列表</h4>
		<ul>
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ul>
		<h4>未定义样式列表</h4>
		<ul class="list-unstyled">
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ul>
		<h4>内联列表</h4>
		<ul class="list-inline">
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ul>
		<h4>定义列表</h4>
		<dl>
			<dt>Description 1</dt>
			<dd>Item 1</dd>
			<dt>Description 2</dt>
			<dd>Item 2</dd>
		</dl>
		<h4>水平的定义列表</h4>
		<dl class="dl-horizontal">
			<dt>Description 1</dt>
			<dd>Item 1</dd>
			<dt>Description 2</dt>
			<dd>Item 2</dd>
		</dl>

		<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
		<script src="https://code.jquery.com/jquery.js"></script>
		<!-- 包括所有已编译的插件 -->
		<script src="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.3/js/bootstrap.min.js"></script>
	</body>

</html>